﻿<!DOCTYPE html>
<html>
  <head>
    <title>滑块</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <link href="resources/css/jquery-ui-themes.css" type="text/css" rel="stylesheet"/>
    <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <link href="data/styles.css" type="text/css" rel="stylesheet"/>
    <link href="files/滑块/styles.css" type="text/css" rel="stylesheet"/>
    <style type="text/css">
@font-face {
font-family:Ionicons;
src:url(https://cdnjs.cloudflare.com/ajax/libs/iview/3.0.1/styles/fonts/ionicons.ttf) format("truetype"),url(https://cdnjs.cloudflare.com/ajax/libs/iview/3.0.1/styles/fonts/ionicons.woff) format("woff"),url(https://cdnjs.cloudflare.com/ajax/libs/iview/3.0.1/styles/fonts/ionicons.svg#Ionicons) format("svg");
font-weight:400;
font-style:normal
}
    </style>
    <script src="resources/scripts/jquery-1.7.1.min.js"></script>
    <script src="resources/scripts/jquery-ui-1.8.10.custom.min.js"></script>
    <script src="resources/scripts/prototypePre.js"></script>
    <script src="data/document.js"></script>
    <script src="resources/scripts/prototypePost.js"></script>
    <script src="files/滑块/data.js"></script>
    <script type="text/javascript">
      $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
      $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
      $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
    </script>
  </head>
  <body>
    <div id="base" class="">

      <!-- Unnamed (Header) -->

      <!-- Unnamed (Dynamic Panel) -->
      <div id="u4131" class="ax_default">
        <div id="u4131_state0" class="panel_state" data-label="State1" style="">
          <div id="u4131_state0_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u4132" class="ax_default box_2">
              <div id="u4132_div" class=""></div>
              <div id="u4132_text" class="text ">
                <p><span>&nbsp; 返回顶部</span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u4133" class="ax_default paragraph">
              <div id="u4133_div" class=""></div>
              <div id="u4133_text" class="text ">
                <p><span></span></p>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- header (Dynamic Panel) -->
      <div id="u4134" class="ax_default" data-label="header">
        <div id="u4134_state0" class="panel_state" data-label="State1" style="">
          <div id="u4134_state0_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u4135" class="ax_default box_1">
              <div id="u4135_div" class=""></div>
            </div>

            <!-- Unnamed (Dynamic Panel) -->
            <div id="u4136" class="ax_default">
              <div id="u4136_state0" class="panel_state" data-label="State1" style="">
                <div id="u4136_state0_content" class="panel_state_content">

                  <!-- Unnamed (Rectangle) -->
                  <div id="u4137" class="ax_default box_1">
                    <div id="u4137_div" class=""></div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u4138" class="ax_default box_1">
                    <div id="u4138_div" class=""></div>
                    <div id="u4138_text" class="text ">
                      <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">资源下载</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u4139" class="ax_default box_1">
                    <div id="u4139_div" class=""></div>
                    <div id="u4139_text" class="text ">
                      <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">使用说明</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Image) -->
                  <div id="u4140" class="ax_default image">
                    <img id="u4140_img" class="img " src="images/index/u10.png"/>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u4141" class="ax_default box_1">
                    <img id="u4141_img" class="img " src="images/index/u11.png"/>
                    <div id="u4141_text" class="text ">
                      <p><span>&nbsp;iView Axure Library</span></p>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4142" class="ax_default box_1">
        <div id="u4142_div" class=""></div>
      </div>

      <!-- Unnamed (SideNav) -->

      <!-- Unnamed (Rectangle) -->
      <div id="u4144" class="ax_default box_1" selectiongroup="u4143nav-cebianlan-fenzu-light">
        <div id="u4144_div" class=""></div>
        <div id="u4144_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">对话框</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4145" class="ax_default box_1" selectiongroup="u4143nav-cebianlan-fenzu-light">
        <div id="u4145_div" class=""></div>
        <div id="u4145_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">通知提醒</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4146" class="ax_default box_1" selectiongroup="u4143nav-cebianlan-fenzu-light">
        <div id="u4146_div" class=""></div>
        <div id="u4146_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">全局提示</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4147" class="ax_default box_1" selectiongroup="u4143nav-cebianlan-fenzu-light">
        <div id="u4147_div" class=""></div>
        <div id="u4147_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">警告提示</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4148" class="ax_default box_1" selectiongroup="u4143nav-cebianlan-light">
        <div id="u4148_div" class=""></div>
        <div id="u4148_text" class="text ">
          <p><span>视图</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4149" class="ax_default box_1" selectiongroup="u4143nav-cebianlan-fenzu-light">
        <div id="u4149_div" class=""></div>
        <div id="u4149_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">表单</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4150" class="ax_default box_1" selectiongroup="u4143nav-cebianlan-fenzu-light">
        <div id="u4150_div" class=""></div>
        <div id="u4150_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">颜色选择器</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4151" class="ax_default box_1" selectiongroup="u4143nav-cebianlan-fenzu-light">
        <div id="u4151_div" class=""></div>
        <div id="u4151_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">上传</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4152" class="ax_default box_1" selectiongroup="u4143nav-cebianlan-fenzu-light">
        <div id="u4152_div" class=""></div>
        <div id="u4152_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">评分</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4153" class="ax_default box_1" selectiongroup="u4143nav-cebianlan-fenzu-light">
        <div id="u4153_div" class=""></div>
        <div id="u4153_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">数字输入框</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4154" class="ax_default box_1" selectiongroup="u4143nav-cebianlan-fenzu-light">
        <div id="u4154_div" class=""></div>
        <div id="u4154_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">穿梭框</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4155" class="ax_default box_1" selectiongroup="u4143nav-cebianlan-fenzu-light">
        <div id="u4155_div" class=""></div>
        <div id="u4155_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">级联选择</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4156" class="ax_default box_1" selectiongroup="u4143nav-cebianlan-fenzu-light">
        <div id="u4156_div" class=""></div>
        <div id="u4156_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">时间选择器</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4157" class="ax_default box_1" selectiongroup="u4143nav-cebianlan-fenzu-light">
        <div id="u4157_div" class=""></div>
        <div id="u4157_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">日期选择器</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4158" class="ax_default box_1" selectiongroup="u4143nav-cebianlan-fenzu-light">
        <div id="u4158_div" class=""></div>
        <div id="u4158_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">滑块</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4159" class="ax_default box_1" selectiongroup="u4143nav-cebianlan-fenzu-light">
        <div id="u4159_div" class=""></div>
        <div id="u4159_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">选择器</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4160" class="ax_default box_1" selectiongroup="u4143nav-cebianlan-fenzu-light">
        <div id="u4160_div" class=""></div>
        <div id="u4160_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">表格</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4161" class="ax_default box_1" selectiongroup="u4143nav-cebianlan-fenzu-light">
        <div id="u4161_div" class=""></div>
        <div id="u4161_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">开关</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4162" class="ax_default box_1" selectiongroup="u4143nav-cebianlan-fenzu-light">
        <div id="u4162_div" class=""></div>
        <div id="u4162_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">多选框</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4163" class="ax_default box_1" selectiongroup="u4143nav-cebianlan-fenzu-light">
        <div id="u4163_div" class=""></div>
        <div id="u4163_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">单选框</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4164" class="ax_default box_1" selectiongroup="u4143nav-cebianlan-fenzu-light">
        <div id="u4164_div" class=""></div>
        <div id="u4164_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">输入框</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4165" class="ax_default box_1" selectiongroup="u4143nav-cebianlan-light">
        <div id="u4165_div" class=""></div>
        <div id="u4165_text" class="text ">
          <p><span>表单</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4166" class="ax_default box_1" selectiongroup="u4143nav-cebianlan-fenzu-light">
        <div id="u4166_div" class=""></div>
        <div id="u4166_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">步骤条</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4167" class="ax_default box_1" selectiongroup="u4143nav-cebianlan-fenzu-light">
        <div id="u4167_div" class=""></div>
        <div id="u4167_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">锚点</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4168" class="ax_default box_1" selectiongroup="u4143nav-cebianlan-fenzu-light">
        <div id="u4168_div" class=""></div>
        <div id="u4168_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">徽标数</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4169" class="ax_default box_1" selectiongroup="u4143nav-cebianlan-fenzu-light">
        <div id="u4169_div" class=""></div>
        <div id="u4169_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">面包屑</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4170" class="ax_default box_1" selectiongroup="u4143nav-cebianlan-fenzu-light">
        <div id="u4170_div" class=""></div>
        <div id="u4170_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">分页</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4171" class="ax_default box_1" selectiongroup="u4143nav-cebianlan-fenzu-light">
        <div id="u4171_div" class=""></div>
        <div id="u4171_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">下拉菜单</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4172" class="ax_default box_1" selectiongroup="u4143nav-cebianlan-fenzu-light">
        <div id="u4172_div" class=""></div>
        <div id="u4172_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">标签页</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4173" class="ax_default box_1" selectiongroup="u4143nav-cebianlan-fenzu-light">
        <div id="u4173_div" class=""></div>
        <div id="u4173_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">导航菜单</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4174" class="ax_default box_1" selectiongroup="u4143nav-cebianlan-light">
        <div id="u4174_div" class=""></div>
        <div id="u4174_text" class="text ">
          <p><span>导航</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4175" class="ax_default box_1" selectiongroup="u4143nav-cebianlan-fenzu-light">
        <div id="u4175_div" class=""></div>
        <div id="u4175_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">单元格</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4176" class="ax_default box_1" selectiongroup="u4143nav-cebianlan-fenzu-light">
        <div id="u4176_div" class=""></div>
        <div id="u4176_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">分割线</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4177" class="ax_default box_1" selectiongroup="u4143nav-cebianlan-fenzu-light">
        <div id="u4177_div" class=""></div>
        <div id="u4177_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">面板分割</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4178" class="ax_default box_1" selectiongroup="u4143nav-cebianlan-fenzu-light">
        <div id="u4178_div" class=""></div>
        <div id="u4178_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">折叠面板</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4179" class="ax_default box_1" selectiongroup="u4143nav-cebianlan-fenzu-light">
        <div id="u4179_div" class=""></div>
        <div id="u4179_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">卡片</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4180" class="ax_default box_1" selectiongroup="u4143nav-cebianlan-fenzu-light">
        <div id="u4180_div" class=""></div>
        <div id="u4180_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">布局</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4181" class="ax_default box_1" selectiongroup="u4143nav-cebianlan-fenzu-light">
        <div id="u4181_div" class=""></div>
        <div id="u4181_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">栅格</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4182" class="ax_default box_1" selectiongroup="u4143nav-cebianlan-light">
        <div id="u4182_div" class=""></div>
        <div id="u4182_text" class="text ">
          <p><span>布局</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4183" class="ax_default box_1" selectiongroup="u4143nav-cebianlan-fenzu-light">
        <div id="u4183_div" class=""></div>
        <div id="u4183_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">图标</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4184" class="ax_default box_1" selectiongroup="u4143nav-cebianlan-fenzu-light">
        <div id="u4184_div" class=""></div>
        <div id="u4184_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">按钮</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4185" class="ax_default box_1" selectiongroup="u4143nav-cebianlan-fenzu-light">
        <div id="u4185_div" class=""></div>
        <div id="u4185_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">字体</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4186" class="ax_default box_1" selectiongroup="u4143nav-cebianlan-fenzu-light">
        <div id="u4186_div" class=""></div>
        <div id="u4186_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">色彩</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4187" class="ax_default box_1" selectiongroup="u4143nav-cebianlan-light">
        <div id="u4187_div" class=""></div>
        <div id="u4187_text" class="text ">
          <p><span>基础</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4188" class="ax_default box_1" selectiongroup="u4143nav-cebianlan-light">
        <div id="u4188_div" class=""></div>
        <div id="u4188_text" class="text ">
          <p><span>组件</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4189" class="ax_default box_1" selectiongroup="u4143nav-cebianlan-fenzu-light">
        <div id="u4189_div" class=""></div>
        <div id="u4189_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">资源下载</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4190" class="ax_default box_1 selected" selectiongroup="u4143nav-cebianlan-fenzu-light">
        <div id="u4190_div" class="selected"></div>
        <div id="u4190_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">使用说明</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4191" class="ax_default box_1" selectiongroup="u4143nav-cebianlan-light">
        <div id="u4191_div" class=""></div>
        <div id="u4191_text" class="text ">
          <p><span>入门介绍</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4192" class="ax_default box_1" selectiongroup="u4143nav-cebianlan-fenzu-light">
        <div id="u4192_div" class=""></div>
        <div id="u4192_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">抽屉</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4193" class="ax_default box_1" selectiongroup="u4143nav-cebianlan-fenzu-light">
        <div id="u4193_div" class=""></div>
        <div id="u4193_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">树形控件</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4194" class="ax_default box_1" selectiongroup="u4143nav-cebianlan-fenzu-light">
        <div id="u4194_div" class=""></div>
        <div id="u4194_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">文字提示</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4195" class="ax_default box_1" selectiongroup="u4143nav-cebianlan-fenzu-light">
        <div id="u4195_div" class=""></div>
        <div id="u4195_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">气泡提示</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4196" class="ax_default box_1" selectiongroup="u4143nav-cebianlan-fenzu-light">
        <div id="u4196_div" class=""></div>
        <div id="u4196_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">进度条</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4197" class="ax_default box_1" selectiongroup="u4143nav-cebianlan-fenzu-light">
        <div id="u4197_div" class=""></div>
        <div id="u4197_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">头像</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4198" class="ax_default box_1" selectiongroup="u4143nav-cebianlan-fenzu-light">
        <div id="u4198_div" class=""></div>
        <div id="u4198_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">标签</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4199" class="ax_default box_1" selectiongroup="u4143nav-cebianlan-fenzu-light">
        <div id="u4199_div" class=""></div>
        <div id="u4199_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">走马灯</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4200" class="ax_default box_1" selectiongroup="u4143nav-cebianlan-fenzu-light">
        <div id="u4200_div" class=""></div>
        <div id="u4200_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">时间轴</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4201" class="ax_default box_1" selectiongroup="u4143nav-cebianlan-fenzu-light">
        <div id="u4201_div" class=""></div>
        <div id="u4201_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">相对时间</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4202" class="ax_default box_1" selectiongroup="u4143nav-cebianlan-fenzu-light">
        <div id="u4202_div" class=""></div>
        <div id="u4202_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">进度环</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4203" class="ax_default box_1" selectiongroup="u4143nav-cebianlan-fenzu-light">
        <div id="u4203_div" class=""></div>
        <div id="u4203_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">图钉</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4204" class="ax_default box_1" selectiongroup="u4143nav-cebianlan-fenzu-light">
        <div id="u4204_div" class=""></div>
        <div id="u4204_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">返回顶部</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4205" class="ax_default box_1" selectiongroup="u4143nav-cebianlan-fenzu-light">
        <div id="u4205_div" class=""></div>
        <div id="u4205_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">加载中</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4206" class="ax_default box_1" selectiongroup="u4143nav-cebianlan-fenzu-light">
        <div id="u4206_div" class=""></div>
        <div id="u4206_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">无限滚动</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4207" class="ax_default box_1" selectiongroup="u4143nav-cebianlan-light">
        <div id="u4207_div" class=""></div>
        <div id="u4207_text" class="text ">
          <p><span>图表</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4208" class="ax_default box_1" selectiongroup="u4143nav-cebianlan-light">
        <div id="u4208_div" class=""></div>
        <div id="u4208_text" class="text ">
          <p><span>其他</span></p>
        </div>
      </div>

      <!-- Unnamed (Footer) -->

      <!-- Unnamed (Dynamic Panel) -->
      <div id="u4210" class="ax_default">
        <div id="u4210_state0" class="panel_state" data-label="State1" style="">
          <div id="u4210_state0_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u4211" class="ax_default box_1">
              <div id="u4211_div" class=""></div>
            </div>

            <!-- Unnamed (Dynamic Panel) -->
            <div id="u4212" class="ax_default">
              <div id="u4212_state0" class="panel_state" data-label="State1" style="">
                <div id="u4212_state0_content" class="panel_state_content">

                  <!-- Unnamed (Rectangle) -->
                  <div id="u4213" class="ax_default box_1">
                    <div id="u4213_div" class=""></div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u4214" class="ax_default label">
                    <div id="u4214_div" class=""></div>
                    <div id="u4214_text" class="text ">
                      <p><span>Axure组件库由 baozipm制作</span></p><p><span>UI与交互由iView团队设计</span></p><p><span>图标由Ionicon团队设计</span></p><p><span>备案备案备案备案备案</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u4215" class="ax_default label">
                    <div id="u4215_div" class=""></div>
                    <div id="u4215_text" class="text ">
                      <p><span>Contract Me</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u4216" class="ax_default label">
                    <div id="u4216_div" class=""></div>
                    <div id="u4216_text" class="text ">
                      <p><span>邮箱：bosenger@qq.com</span></p><p><span>微信：暂未开通</span></p><p><span>微博：暂未开通</span></p><p><span>官网：www.baozipm.com</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u4217" class="ax_default label">
                    <div id="u4217_div" class=""></div>
                    <div id="u4217_text" class="text ">
                      <p><span>Copyright</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u4218" class="ax_default label">
                    <div id="u4218_div" class=""></div>
                    <div id="u4218_text" class="text ">
                      <p><span>BaoziPM</span></p><p><span>iView</span></p><p><span>Ionicon</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u4219" class="ax_default label">
                    <div id="u4219_div" class=""></div>
                    <div id="u4219_text" class="text ">
                      <p><span>相关站点</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Hot Spot) -->
                  <div id="u4220" class="ax_default">
                  </div>

                  <!-- Unnamed (Hot Spot) -->
                  <div id="u4221" class="ax_default">
                  </div>

                  <!-- Unnamed (Hot Spot) -->
                  <div id="u4222" class="ax_default">
                  </div>

                  <!-- Unnamed (Image) -->
                  <div id="u4223" class="ax_default image">
                    <img id="u4223_img" class="img " src="images/logo.png"/>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4224" class="ax_default heading_1">
        <div id="u4224_div" class=""></div>
        <div id="u4224_text" class="text ">
          <p><span>Slider 滑块</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4225" class="ax_default heading_1">
        <div id="u4225_div" class=""></div>
        <div id="u4225_text" class="text ">
          <p><span>概述</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4226" class="ax_default label">
        <div id="u4226_div" class=""></div>
        <div id="u4226_text" class="text ">
          <p><span>滑动输入器，用于在数值区间/自定义区间内进行选择，支持连续或离散值。</span></p>
        </div>
      </div>

      <!-- Unnamed (Dynamic Panel) -->
      <div id="u4227" class="ax_default">
        <div id="u4227_state0" class="panel_state" data-label="State1" style="">
          <div id="u4227_state0_content" class="panel_state_content">

            <!-- line-bg (Rectangle) -->
            <div id="u4228" class="ax_default box_1" data-label="line-bg">
              <div id="u4228_div" class=""></div>
            </div>

            <!-- line (Rectangle) -->
            <div id="u4229" class="ax_default box_1" data-label="line">
              <div id="u4229_div" class=""></div>
            </div>

            <!-- Unnamed (Dynamic Panel) -->
            <div id="u4230" class="ax_default">
              <div id="u4230_state0" class="panel_state" data-label="State1" style="">
                <div id="u4230_state0_content" class="panel_state_content">

                  <!-- Unnamed (Ellipse) -->
                  <div id="u4231" class="ax_default ellipse">
                    <img id="u4231_img" class="img " src="images/滑块/u4231.png"/>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4232" class="ax_default label">
        <div id="u4232_div" class=""></div>
        <div id="u4232_text" class="text ">
          <p><span>基础样式</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4233" class="ax_default label">
        <div id="u4233_div" class=""></div>
        <div id="u4233_text" class="text ">
          <p><span>基于动态面板的Ondrag事件进行实现，Ondrag事件绑定在圆圈上；</span></p><p><span>注意：如果要更改滑块的长度，则必须更改Ondrag事件上的move上指定的boundary。</span></p><p><span>动效版本还有BUG，实现过程涉及到变量，对交互要求不高的原型可以只使用样式，不使用动效。</span></p>
        </div>
      </div>

      <!-- Unnamed (Dynamic Panel) -->
      <div id="u4234" class="ax_default">
        <div id="u4234_state0" class="panel_state" data-label="State1" style="">
          <div id="u4234_state0_content" class="panel_state_content">

            <!-- line-bg (Rectangle) -->
            <div id="u4235" class="ax_default box_1" data-label="line-bg">
              <div id="u4235_div" class=""></div>
            </div>

            <!-- line (Rectangle) -->
            <div id="u4236" class="ax_default box_1" data-label="line">
              <div id="u4236_div" class=""></div>
            </div>

            <!-- Unnamed (Dynamic Panel) -->
            <div id="u4237" class="ax_default">
              <div id="u4237_state0" class="panel_state" data-label="State1" style="">
                <div id="u4237_state0_content" class="panel_state_content">

                  <!-- Unnamed (Ellipse) -->
                  <div id="u4238" class="ax_default ellipse">
                    <img id="u4238_img" class="img " src="images/滑块/u4231.png"/>
                  </div>
                </div>
              </div>
            </div>

            <!-- Unnamed (Dynamic Panel) -->
            <div id="u4239" class="ax_default">
              <div id="u4239_state0" class="panel_state" data-label="State1" style="">
                <div id="u4239_state0_content" class="panel_state_content">

                  <!-- Unnamed (Ellipse) -->
                  <div id="u4240" class="ax_default ellipse">
                    <img id="u4240_img" class="img " src="images/滑块/u4231.png"/>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4241" class="ax_default label">
        <div id="u4241_div" class=""></div>
        <div id="u4241_text" class="text ">
          <p><span>&#149; 动效版本</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4242" class="ax_default label">
        <div id="u4242_div" class=""></div>
        <div id="u4242_text" class="text ">
          <p><span>&#149; 静态版本</span></p>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u4243" class="ax_default" data-left="230" data-top="522" data-width="760" data-height="12">

        <!-- line-bg (Rectangle) -->
        <div id="u4244" class="ax_default box_1" data-label="line-bg">
          <div id="u4244_div" class=""></div>
        </div>

        <!-- line (Rectangle) -->
        <div id="u4245" class="ax_default box_1" data-label="line">
          <div id="u4245_div" class=""></div>
        </div>

        <!-- Unnamed (Ellipse) -->
        <div id="u4246" class="ax_default ellipse">
          <img id="u4246_img" class="img " src="images/滑块/u4231.png"/>
        </div>
      </div>

      <!-- line-bg (Rectangle) -->
      <div id="u4247" class="ax_default box_1" data-label="line-bg">
        <div id="u4247_div" class=""></div>
      </div>

      <!-- line (Rectangle) -->
      <div id="u4248" class="ax_default box_1" data-label="line">
        <div id="u4248_div" class=""></div>
      </div>

      <!-- Unnamed (Ellipse) -->
      <div id="u4249" class="ax_default ellipse">
        <img id="u4249_img" class="img " src="images/滑块/u4231.png"/>
      </div>

      <!-- Unnamed (Ellipse) -->
      <div id="u4250" class="ax_default ellipse">
        <img id="u4250_img" class="img " src="images/滑块/u4231.png"/>
      </div>

      <!-- line-bg (Rectangle) -->
      <div id="u4251" class="ax_default box_1" data-label="line-bg">
        <div id="u4251_div" class=""></div>
      </div>

      <!-- Unnamed (Ellipse) -->
      <div id="u4252" class="ax_default ellipse">
        <img id="u4252_img" class="img " src="images/滑块/u4252.png"/>
      </div>

      <!-- Unnamed (Ellipse) -->
      <div id="u4253" class="ax_default ellipse">
        <img id="u4253_img" class="img " src="images/滑块/u4252.png"/>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4254" class="ax_default label">
        <div id="u4254_div" class=""></div>
        <div id="u4254_text" class="text ">
          <p><span>&#149; 显示间断点</span></p><p><span>间断点移动有10个点，在左右两端各有两个隐形的点，将左右两点对齐两端后，选中所有的点后使用水平分布，就可以将所有点自动放到正确的位置。</span></p>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u4255" class="ax_default" data-left="230" data-top="679" data-width="760" data-height="12">

        <!-- line-bg (Rectangle) -->
        <div id="u4256" class="ax_default box_1" data-label="line-bg">
          <div id="u4256_div" class=""></div>
        </div>

        <!-- Unnamed (Group) -->
        <div id="u4257" class="ax_default" data-left="230" data-top="683" data-width="760" data-height="4">

          <!-- line-bg (Rectangle) -->
          <div id="u4258" class="ax_default box_1" data-label="line-bg">
            <div id="u4258_div" class=""></div>
          </div>

          <!-- line-bg (Rectangle) -->
          <div id="u4259" class="ax_default box_1" data-label="line-bg">
            <div id="u4259_div" class=""></div>
          </div>

          <!-- line-bg (Rectangle) -->
          <div id="u4260" class="ax_default box_1" data-label="line-bg">
            <div id="u4260_div" class=""></div>
          </div>

          <!-- line-bg (Rectangle) -->
          <div id="u4261" class="ax_default box_1" data-label="line-bg">
            <div id="u4261_div" class=""></div>
          </div>

          <!-- line-bg (Rectangle) -->
          <div id="u4262" class="ax_default box_1" data-label="line-bg">
            <div id="u4262_div" class=""></div>
          </div>

          <!-- line-bg (Rectangle) -->
          <div id="u4263" class="ax_default box_1" data-label="line-bg">
            <div id="u4263_div" class=""></div>
          </div>

          <!-- line-bg (Rectangle) -->
          <div id="u4264" class="ax_default box_1" data-label="line-bg">
            <div id="u4264_div" class=""></div>
          </div>

          <!-- line-bg (Rectangle) -->
          <div id="u4265" class="ax_default box_1" data-label="line-bg">
            <div id="u4265_div" class=""></div>
          </div>

          <!-- line-bg (Rectangle) -->
          <div id="u4266" class="ax_default box_1" data-label="line-bg">
            <div id="u4266_div" class=""></div>
          </div>

          <!-- line-bg (Rectangle) -->
          <div id="u4267" class="ax_default box_1" data-label="line-bg">
            <div id="u4267_div" class=""></div>
          </div>
        </div>

        <!-- line (Rectangle) -->
        <div id="u4268" class="ax_default box_1" data-label="line">
          <div id="u4268_div" class=""></div>
        </div>

        <!-- Unnamed (Ellipse) -->
        <div id="u4269" class="ax_default ellipse">
          <img id="u4269_img" class="img " src="images/滑块/u4231.png"/>
        </div>
      </div>

      <!-- line-bg (Rectangle) -->
      <div id="u4270" class="ax_default box_1" data-label="line-bg">
        <div id="u4270_div" class=""></div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u4271" class="ax_default" data-left="230" data-top="707" data-width="760" data-height="4">

        <!-- line-bg (Rectangle) -->
        <div id="u4272" class="ax_default box_1" data-label="line-bg">
          <div id="u4272_div" class=""></div>
        </div>

        <!-- line-bg (Rectangle) -->
        <div id="u4273" class="ax_default box_1" data-label="line-bg">
          <div id="u4273_div" class=""></div>
        </div>

        <!-- line-bg (Rectangle) -->
        <div id="u4274" class="ax_default box_1" data-label="line-bg">
          <div id="u4274_div" class=""></div>
        </div>

        <!-- line-bg (Rectangle) -->
        <div id="u4275" class="ax_default box_1" data-label="line-bg">
          <div id="u4275_div" class=""></div>
        </div>

        <!-- line-bg (Rectangle) -->
        <div id="u4276" class="ax_default box_1" data-label="line-bg">
          <div id="u4276_div" class=""></div>
        </div>

        <!-- line-bg (Rectangle) -->
        <div id="u4277" class="ax_default box_1" data-label="line-bg">
          <div id="u4277_div" class=""></div>
        </div>

        <!-- line-bg (Rectangle) -->
        <div id="u4278" class="ax_default box_1" data-label="line-bg">
          <div id="u4278_div" class=""></div>
        </div>

        <!-- line-bg (Rectangle) -->
        <div id="u4279" class="ax_default box_1" data-label="line-bg">
          <div id="u4279_div" class=""></div>
        </div>

        <!-- line-bg (Rectangle) -->
        <div id="u4280" class="ax_default box_1" data-label="line-bg">
          <div id="u4280_div" class=""></div>
        </div>

        <!-- line-bg (Rectangle) -->
        <div id="u4281" class="ax_default box_1" data-label="line-bg">
          <div id="u4281_div" class=""></div>
        </div>
      </div>

      <!-- line (Rectangle) -->
      <div id="u4282" class="ax_default box_1" data-label="line">
        <div id="u4282_div" class=""></div>
      </div>

      <!-- Unnamed (Ellipse) -->
      <div id="u4283" class="ax_default ellipse">
        <img id="u4283_img" class="img " src="images/滑块/u4231.png"/>
      </div>

      <!-- Unnamed (Ellipse) -->
      <div id="u4284" class="ax_default ellipse">
        <img id="u4284_img" class="img " src="images/滑块/u4231.png"/>
      </div>

      <!-- line-bg (Rectangle) -->
      <div id="u4285" class="ax_default box_1" data-label="line-bg">
        <div id="u4285_div" class=""></div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u4286" class="ax_default" data-left="230" data-top="736" data-width="760" data-height="4">

        <!-- line-bg (Rectangle) -->
        <div id="u4287" class="ax_default box_1" data-label="line-bg">
          <div id="u4287_div" class=""></div>
        </div>

        <!-- line-bg (Rectangle) -->
        <div id="u4288" class="ax_default box_1" data-label="line-bg">
          <div id="u4288_div" class=""></div>
        </div>

        <!-- line-bg (Rectangle) -->
        <div id="u4289" class="ax_default box_1" data-label="line-bg">
          <div id="u4289_div" class=""></div>
        </div>

        <!-- line-bg (Rectangle) -->
        <div id="u4290" class="ax_default box_1" data-label="line-bg">
          <div id="u4290_div" class=""></div>
        </div>

        <!-- line-bg (Rectangle) -->
        <div id="u4291" class="ax_default box_1" data-label="line-bg">
          <div id="u4291_div" class=""></div>
        </div>

        <!-- line-bg (Rectangle) -->
        <div id="u4292" class="ax_default box_1" data-label="line-bg">
          <div id="u4292_div" class=""></div>
        </div>

        <!-- line-bg (Rectangle) -->
        <div id="u4293" class="ax_default box_1" data-label="line-bg">
          <div id="u4293_div" class=""></div>
        </div>

        <!-- line-bg (Rectangle) -->
        <div id="u4294" class="ax_default box_1" data-label="line-bg">
          <div id="u4294_div" class=""></div>
        </div>

        <!-- line-bg (Rectangle) -->
        <div id="u4295" class="ax_default box_1" data-label="line-bg">
          <div id="u4295_div" class=""></div>
        </div>

        <!-- line-bg (Rectangle) -->
        <div id="u4296" class="ax_default box_1" data-label="line-bg">
          <div id="u4296_div" class=""></div>
        </div>
      </div>
    </div>
  </body>
</html>
